<template>
    <scroll-view class="scroll-view" scroll-y="true" @scrolltolower="scrolltolower">
        <view class="top"></view>
        <view class="lists" v-for="it in getMyList" :key="it.id">
            <image class="parit" :src="it.avatar" mode=""></image>
            <view class="right">
                <view class="">{{ it.nickname }}</view>
                <view class="sj">{{ it.createtime }}</view>
            </view>
        </view>
    </scroll-view>
</template>

<script setup>
import { inviteList } from '@/api/index.js';
import { onLoad } from '@dcloudio/uni-app';
import { ref } from 'vue';
const getMyList = ref([]); //我的邀请列表
onLoad(async () => {
    const ret = await inviteList(); //我的邀请列表
    getMyList.value = ret.data.data;
    console.log(getMyList.value);
});
const scrolltolower = async () => {
    console.log('滚动到底部');
};
</script>

<style lang="scss" scoped>
.scroll-view {
    .top {
        height: 20rpx;
        background-color: #f5f5f5;
    }
    .lists {
        .right {
            .sj {
                font-size: 28rpx;
                color: #6f6f6f;
            }
            font-size: 32rpx;
        }
        .parit {
            width: 78rpx;
            height: 78rpx;
            border-radius: 50%;
            margin-right: 18rpx;
        }
        height: 160rpx;
        display: flex;
        padding: 38rpx 0 38rpx 32rpx;
        border-bottom: solid 2rpx #eae9e9;
    }
    height: 100vh;
}
</style>
